<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
  {{info}}
  <ul>
    <!--v-for循环遍历，遍历的同时生成当前元素对象-->
    <li v-for="name in arr">{{name}}</li>
  </ul>
  <table border="1">
    <tr v-for="p in person">
      <th>{{p.name}}</th><th>{{p.age}}</th><th>{{p.type}}</th>
    </tr>
  </table>
</div>
<script src="js/vue.min.js"></script>
<script>
  let v=new Vue({
    el:"body>div",
    data:{
      info:"循环遍历",
      arr:["诸葛亮","司马懿","赵云","曹操"],
      person:[{name:"诸葛亮",age:35,type:"军师"},
        {name:"司马懿",age:75,type:"军师"},
        {name:"赵云",age:32,type:"战士"}]
    }
  })

</script>
</body>
</html>